*{background-repeat: no-repeat;background-size: 100% 100%;}
a:link,a:active{
    background: #FAFAFA!important;
}
.login-content,.register-content{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    .top-color{
        position: relative;
        top: 0;
        width: 100%;
        height: 10rem;//#89A2FE, #708CF9
        background: radial-gradient(circle, #A3C8EE, #6098DE);
        background: -ms-radial-gradient(circle, #A3C8EE, #6098DE);
        background: -webkit-linear-gradient(circle, #A3C8EE, #6098DE);
        background: -moz-linear-gradient(circle, #A3C8EE, #6098DE);
        text-align: center;
        img{
            width: 7rem;
            margin: 0 auto;
            margin-top: 3rem;
            background-color: white;
            padding: .6rem .4rem;
            border-radius: .2rem;
        }
        .login-tips-text{
            font-size: .8rem;
            color: white;
            letter-spacing: 5px;
            margin-top: .2rem;
        }
    }
    .mine_bg{
        height: 23rem;
        border-bottom-left-radius: 5rem;
        border-bottom-right-radius: 5rem;
    }
    .input-content{
        position: relative;
        padding: 2.5rem 2rem;
        border-radius: .2rem;
        .loginli{
            margin: .5rem 0;
        }
        .mui-input-group:before,.mui-input-group:after{height: 0!important;}
        .mui-input-group{
            .mui-input-row{
                height: 45px;
                margin-top: 10px;
                label{
                    width: 20%!important;
                    padding:5px 9px;
                    i{
                        width: 1.3rem;
                        height: 1.3rem;
                        background-repeat: no-repeat;
                        background-size: contain;
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: .3rem;
                    }
                    .aui-icon-my{
                        background-image: url(../image/login_phone.png);
                    }
                    .aui-icon-lock{
                        background-image: url(../image/login_psw.png);
                    }
                }
                input{
                    width: 80%!important;
                }
            }
            .login-btn{
                width: 85%;
                margin: 0 auto;
                margin-top: 1rem;
                background-color: #6098DE;
                border: none;
            }
        }
    }
}
.mine-content{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #75c1a7, #6098DE);
    background: -ms-radial-gradient(circle, #75c1a7, #6098DE);
    background: -webkit-linear-gradient(circle, #75c1a7, #6098DE);
    background: -moz-linear-gradient(circle, #75c1a7, #6098DE);
    .top-color{
        position: relative;
        top: 5rem;
        width: 90%;
        height: 18rem;
        margin: 0 auto;
        text-align: center;
        background-color: white;
        border-radius: .5rem;
        img.welcome{
            width: 7rem;
            margin: 0 auto;
            margin-top: 3rem;
            background-color: white;
            padding: .6rem .4rem;
            border-radius: .2rem;
        }
        .head_img{
            position: absolute;
            width: 6rem;
            height: 6rem;
            top: -3rem;
            left: calc(50% - 3rem);
        }
        .login-tips-text{
            font-size: .8rem;
            color: #6098DE;
            letter-spacing: 5px;
            margin-top: .2rem;
        }
        .name{
            font-weight: bold;
            font-size: 1rem;
            margin: 1rem auto;
            color: #634c06;
        }
        address{
            position: absolute;
            bottom: .6rem;
            width: 100%;
            text-align: center;
            margin-top: 2rem;
            color: #929292;
        }
        .login-out{
            position: absolute;
            bottom: 4rem;
            width: 100%;
            left: 0;
            text-align: center;
            color: #6098de;
            font-weight: bold;
            font-size: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            .loginout{
                width: 1rem;
                height: 1rem;
                margin-right: 5px;
                background-size: 1rem;
                background-position: center;
                background-image: url(../image/loingout-icon.png);
                display: inline-block;
            }
        }
        .appVersion{
            position: absolute;
            bottom: 2rem;
            width: 100%;
            text-align: center;
            margin-top: 2rem;
            color: #696767;
        }
    }
}
//home
.flex_list{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    background-color: #6098DE;
    margin: 0;
    padding: .5rem 0;
    border-top: 1px solid #679BDE;
    li{
        position: relative;
        display: flex;
        width: 25%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        list-style: none;
        color: #FFFFFF;
        i{
            display: block;
            width: 1.5rem;
            height: 1.5rem;
            background-size: contain;
            background-position: center;
        }
        span{
            display: block;
            margin-top: 8px;
            font-size: .7rem;
        }
        .scode-icon{
            background-image: url(../image/scand.png);
        }
        .ck-icon{
            background-image: url(../image/ck-icon.png);
        }
        .jk-icon{
            background-image: url(../image/jk-icon.png);
        }
        .wl-icon{
            background-image: url(../image/wl-icon.png);
        }
        .dj-icon{
            background-image: url(../image/dj-icon.png);
        }
        .new-icon{
            background-image: url(../image/new-icon.png);
        }
        .unerror-icon{
            background-image: url(../image/scand.png);
        }
    }
}
.second_list{
    background-color: white;
    margin-top: 20px;
    border-top: none;
    li{
        color: #333333;
        margin: 10px 0;
        span{
            font-size: .6rem;
        }
    }
}
.deal_title{
    position: relative;
    height: 1.2rem;
    line-height: 1.2rem;
    background-image: url(../image/deal-icon.png);
    background-position: .3rem center;
    background-size: 1.2rem;
    color: #333;
    font-size: .7rem;
    margin-top: 1rem;
    margin-left: .3rem;
}
.deal_list{
    position: relative;
    background-color: transparent!important;
    li{
        position: relative;
        margin: 15px 0;
        background-color: white;
    }
    li:first-child{
        margin-top: 0;
    }
}
.tc_showTool{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    ul.second_list{
        width: 90%;
        margin: 0 auto;
        border-radius: .3rem;
        justify-content: flex-start;
        li{

        }
    }
    .close_btn{
        color: white;
        border: 1px solid #FFFFFF;
        border-radius: .2rem;
        padding: .2rem .5rem;
        margin-top: 15px;
    }
}
//work_order
.work_order_list,.stock_list{
    li{
        padding: 8px 15px;
        padding-top: 15px;
        padding-left: 30px;
        padding-right: 40px!important;
        .mui-navigate-right{
            .mui-badge{
                font-size: .65rem;
            }
        }
    }
    li:before{
        content: '';
        width: 1rem;
        height: 1.3rem;
        position: absolute;
        top: 0;
        left: .2rem;
        background-image: url(../image/word_order_park.png);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
    }
    li:last-child:before{
        height: 1.5rem;
    }
}
//stock
.stock_list{
    li{
        padding: 15px;
        padding-left: 50px;
        .mui-navigate-right{
            .mui-badge{
                font-size: .8rem;
            }
        }
    }
    li:before{
        top: .6rem;
        left: .5rem;
        background-image: url(../image/stock_icon.png);
    }
}
// 工单管理
.segmentedControl{
    background-color: white;
    color: #333333!important;
    font-size: .6rem;
    a{position: relative;touch-action: none; background: white!important;}
    a:after{
        content: '';
        width: .5rem;
        height: .5rem;
        background-image: url(../image/select-icon.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: calc(50% - .3rem);
        margin-left: .2rem;
    }
}

.check_search_list{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    padding: 8px 10px;
    margin: 0;
    border-top: 1px solid #f0f0f0;
    li{
        list-style: none;
//      margin: 0 10px;
        color: #333333;
        font-size: .5rem;
        border: 1px solid #6098DE;
        padding: 1px 12px;
        border-radius: .2rem;
    }
    li.active{
        background-image: url(../image/chooise.png);
        background-position: .3rem center;
        background-size: .8rem;
        border-color: #6098DE;
        padding-left: 1rem;
        color: #6098DE;
        background-color: #f3f8ff;
    }
}
.mui-card-footer{
    a{
        color: #6098DE;
        font-size: 13px;
    }
}
.content-padded_bottom{
    padding-bottom: 80px;
}
.content-padded_top{
    padding-top: 5px;
}
.type_list_spair{
    margin-top: 10px;
    li{
        img{width: 100%;}
    }
}
.mui-card .mui-table-view .mui-table-view-cell:last-child, .mui-card .mui-table-view .mui-table-view-divider:last-child{
    border-radius: 0!important;
}
.mui-grid-view.mui-grid-9{
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    background-color: #FFFFFF!important;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border: none!important;
}
a.zdmb {
    background-color: #6098de!important;
    color: #fff!important;
    span{
        color: #fff!important;
    }
}
a.zdmb:active{
    background: #2270a5!important;
}
a.zdmb.mui-navigate-right:after{
    color: #FFFFFF;
}
.fixed_btn{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 50px;
    line-height: 50px;
    background-color: #84cdff;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: .6rem;
}
.fixed_btn_top{
//  position: fixed;
//  top: 0;
//  left: 0;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
    background: white;
    .fixed_btn_group{
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
}
.edit-icon{
    width: .8rem;
    height: .8rem;
    background-image: url(../image/edit-icon.png);
    background-repeat: no-repeat;
    background-size: .7rem;
    vertical-align: middle;
    display: inline-block;
    margin-right: .2rem;
}


//审批记录
.lc_list {
    padding: 0;
    margin: 10px;
    .lc_time {
        margin-bottom: 0;
        font-weight: 700;
        .lc_time_icon {
            width: 30px;
            height: 30px;
            background-image: url(../image/36-01.png);
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }
    }
    .lc_info_ul {
        margin-top: 0!important;
        border-left: 1px solid #3398DC;
        margin-left: 15px;
        background-color: #f5f5f5;
        padding: 8px 0;
        box-shadow: initial!important;
        .lc_info_ul li:first-child {
            border-top-right-radius: 6px;
        }
        .xli{
            font-size: .6rem;
        }
    }
    .lc_info_ul:before,.lc_info_ul:after {
        height: 0;
    }
}

.mui-table-view01 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    box-sizing: content-box;
}
.search-cell {
    position: relative;
    padding: 10px 6px;
    padding-left: 10px;
    .mui-btn-primary {
        border: 1px solid #3398dc;
        background-color: #3398dc;
        border-radius: 15px;
        width: 18%;
    }
}
.mui-search.mui-active:before {
    content: '';
    background-image: url(../image/13.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 1.3rem;
    height: 1.4rem;
    top: 65%;
}
.mui-search{
    width: 80%;
    box-shadow: 0 -1px 3px #dbdbdd,
                0 1px 1px #dbdbdd;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 0;
    input[type=search]{
        background-color:#FFFFFF;
    }
}
input[type=search] {
    background-color: #f2f1f6;
    margin-bottom: 0;
    font-size: 14px;
}
.inStockMTInfo{
    background: white;
    width: 80%;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    .mis{
        color: #CF2D28;
    }
    .good{
        color: #0062CC;
    }
}
.btn_group {
    position: fixed;
    bottom: 10px;
    width: 100%;
}
.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.padding_r_1rem{
    margin-left: 0!important;
    padding: 1rem 0;
    padding-left: 1.8rem;
    padding-right: .5rem;
    background-color: #FFFFFF;
}
.no_list{
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    color: #888888;
    font-size: .6rem;
    text-align: center;
}
#orderList:before,#orderList:after,#todoCnt:before,#todoCnt:after{height: 0!important;}
.right_arrow_icon{
    padding-right: .8rem;
    background-image: url(../image/right_all.png);
    background-size: .7rem;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
}
#loding_ {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    div {
        float: left;
        width: 10px;
        height: .7rem;
        margin-left: 20px;
        -webkit-animation: scale 1.5s linear infinite;
        animation: scale 1.5s linear infinite;
    }
    div:nth-child(1) {
        background: #8EE5EE;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    div:nth-child(2) {
        background: #FFE4B5;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    div:nth-child(3) {
        background: #00CD00;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

     div:nth-child(4) {
        background: #FF6A6A;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }
}

@keyframes scale {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1, 1.8);
    }
    100% {
        transform: scale(1, 1);
    }
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1, 1.8);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}
